<template>
  <div class="footer">
    <div class="footer-button footer-one">
      <h2>嘉兴品质</h2>
      <br>
      <p>致力于打造全球驴友"旅行神器"
        <br>
        <i>6000</i>多个目标地点
        <br>
        <i>700,000</i>个全球旅游新玩法
        <br>
        <i>700,000,000</i>个攻略
        <br>
        <i>38,000</i>多家连民宿
      </p>
    </div>
    <div class="footer-button footer-two">
      <h2>加盟合作</h2><br>
      <span>分销联盟友情链接</span><br>
      <span>企业礼品卡采购保险代理</span><br>
      <span>隐私服务 商标声明</span><br>
      <span>代理合作酒店加盟</span><br>
      <span>目的地及景区合作智慧旅游</span><br>
      <span>更多加盟合作</span><br>
    </div>
    <div class="footer-button footer-three">
      <h2>关于我们</h2><br>
      <p>
        <span>关于嘉兴 嘉兴热点</span><br>
        <span>联系我们 诚聘英才</span><br>
        <span>隐私服务 商标声明</span><br>
        <span>企业公民 用户协议</span><br>
        <span>隐私政策 营业执照</span><br>
        <span>安全中心 嘉兴内容中心</span><br>
        <span>知识产权 Group.trsp.com</span>
      </p>
    </div>
    <div class="footer-button footer-fore">
      <span>境内:95010 或 400-830-6666</span>
      <span>中国香港：+852-3008-3295</span>
      <span>中国澳门：+86-21 3406-4888</span>
      <span>中国台湾：+86-21 3406-4888</span>
      <span>其他国家和地区：+86-21 3406-4888</span>
    </div>
    <div class="footer-button footer-fire">
      <img src="../assets/common/14.png" alt="">
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
* {
  bottom: 0;
  margin: 0;
  box-sizing: border-box;
}
.footer {
  z-index:100;
  // padding: 20px 0 20px;
  border-bottom: 3px solid #fff;
  background-color: #333;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  .footer-button {
    width: 200px;
    height: 100%;
    // background-color: #fff;
    color: #897f77;
  }
  .footer-one {
    span {
      font-style: normal;
      margin-right: 5px;
      color: orange;
    }
  }
  .footer-fore {
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    font-size: 15px;
  }
  .footer-fire {
    img {
      width: 180px;
    }
  }
}
</style>